<!DOCTYPE html> 
<html>
<head>
	<title>Grid Pagination Test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
	<link rel='stylesheet' href="support/common.css" />
	<style type="text/css">
		#gridContainer {

			width: 500px;
			height: 500px;
		}
		#grid {
			height: 100%;
		}
	</style>

	<script type="text/javascript" src="../../dojo/dojo.js" 
		data-dojo-config="async: true, parseOnLoad: true,  packages:[{name: 'gridx', location:'../gridx'}]"></script>
	<script type="text/javascript" src='support/common.js'></script>
	<script type="text/javascript" src='test_grid_pagination.js'></script>
</head>
<body class='claro'>
	<h1 class='title' tabindex='0' onfocus='this.style.color="blue"' onblur='this.style.color=""'>
		Grid Pagination Test 
	</h1>
	<table style='width: 500px;'>
		<tr>
			<td style='text-align: center;'><button data-dojo-type='dijit.form.Button' data-dojo-props='onClick: first'>First Page</button></td>
			<td style='text-align: center;'><button data-dojo-type='dijit.form.Button' data-dojo-props='onClick: prev'>Prev Page</button></td>
			<td style='text-align: center;'><button data-dojo-type='dijit.form.Button' data-dojo-props='onClick: next'>Next Page</button></td>
			<td style='text-align: center;'><button data-dojo-type='dijit.form.Button' data-dojo-props='onClick: last'>Last Page</button></td>
		</tr>
	</table>
	<div id='gridContainer'></div>
</body>
</html>
